<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Big-Screen-Vue3</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
<!--天地图    -->
    <script src="https://api.tianditu.gov.cn/api?v=4.0&tk=142d6d6db2eccf343ff01f3ac0221a67"></script>
    <script src="http://lbs.tianditu.gov.cn/api/js4.0/opensource/openlibrary/HeatmapOverlay.js"></script>
    <svg id="svgfilters" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
            <filter id="sepia" x="-10%" y="-10%" width="120%" height="120%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                <feColorMatrix type="matrix" values=".33 .33 .33 0 0
            .33 .33 .33 0 0
            .33 .33 .33 0 0
            0 0 0 1 0" in="SourceGraphic" result="colormatrix"/>
                <feComponentTransfer in="colormatrix" result="componentTransfer">
                    <feFuncR type="table" tableValues="0.18 0.18"/>
                    <feFuncG type="table" tableValues="0.24 0.24"/>
                    <feFuncB type="table" tableValues="0.42 0.42"/>
                    <feFuncA type="table" tableValues="0 0.6"/>
                </feComponentTransfer>
                <feBlend mode="normal" in="componentTransfer" in2="SourceGraphic" result="blend"/>
            </filter>
        </defs>
    </svg>
  </body>
</html>

<!--
token：用于用户正常验证。 前端请求数据
refresh_token：更新(生成新)token时，需要验证refresh_token是否过期或被篡改。 -->
<!--


解决了大屏适配(在2k、4k屏幕下)的问题并封装成了组件在团队各个项目中使用，提升了项目研发效率
优化了大屏数据更新的方案，根据业务情况采用了SSE的数据推送的方式
解决大屏长时间投屏导致token失效的问题， 解决refresh_token多次刷新的问题
大屏项目 内存异常排查 采用GPU加速优化性能问题 -->
